<div id="order-Search">
    <div class="layui-form-item">
        <label class="layui-form-label">类型:</label>
        <div class="layui-input-block">
          <a class="layui-btn">全部</a>
          <a class="layui-btn  layui-btn-primary">特产</a>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">状态:</label>
        <div class="layui-input-block">
          <a class="layui-btn">全部</a>
          <a class="layui-btn  layui-btn-primary">待付款</a>
          <a class="layui-btn  layui-btn-primary">待发货</a>
          <a class="layui-btn  layui-btn-primary">待收货</a>
          <a class="layui-btn  layui-btn-primary">已完成</a>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">时间:</label>
        <div class="layui-input-block">
          <a class="layui-btn">全部</a>
          <a class="layui-btn  layui-btn-primary">近7日</a>
          <a class="layui-btn  layui-btn-primary">近30日</a>
          <a class="layui-btn  layui-btn-primary">近半年</a>
          <a class="layui-btn  layui-btn-primary">近1年</a>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">查询:</label>
        <div class="layui-input-block" id="timesSearch">
          
          <input type="text" id="startTimes" placeholder="开始时间" class="layui-input">
          
          <input type="text" id="endTimes" placeholder="结束时间" class="layui-input">
          <a class="layui-btn layui-btn-radius layui-btn-normal" id="btn_search">查询</a>
        </div>
    </div>
</div>
<table class="order-table-title">
    <tr>
        <td style="width: 350px">宝贝</td>
        <td style="width: 88px">单价</td>
        <td style="width: 40px">数量</td>
        <td style="width: 88px">商品操作</td>
        <td style="width: 150px">实付款</td>
        <td style="width: 88px">交易状态</td>
        <td style="width: 88px">交易操作</td>
    </tr>
</table>
<div id="order-list" style="height:auto">
    <div class="order-item">
        <div class="order-item-title">
            <span  class="order-item-title-time">2019-04-15</span>
            <span  class="order-item-title-orderid">订单号：408308160029237160</span>
            <span class="order-item-title-catetroy">数码产品</span>
        </div>
        <div class="order-item-content">
            <table class="ordertable">
                <tr>
                    <td class="productdata">
                        <a href="/Member/Home/PayProduct?id=">
                            <img src="images/product.jpg" alt="Alternate Text" />
                        </a>
                        <span>【来电价】24英寸超薄曲面显示器高清电竞吃鸡游戏液晶台式电脑屏幕曲屏</span>
                        <span class="ordertable-tpye">颜色分类：银白色套餐类型：官方标配</span>
                    </td>
                    <td class="order-table-price">
                        <span class="originalTotal">￥1999.00</span>
                        <span class="realTotal">￥1549.00</span>
                    </td>
                    <td class="order-table-num">1</td>
                    <td ><a orderid="" onclick="showTK(this)">退款/退货</a><br />投诉</td>
                    <td class="order-table-total">
                        <span class="tb-sp-total">￥1549.00</span><br />
                        <span class="tb-sp-yf">(含运费：￥0.00)</span>
                    </td>
                    <td>
                        交易成功
                        <br>订单详情
                    </td>
                    <td><a id="btnaction" productid="58757"   orderid="订单号：408308160029237160" onclick="checkMode(this)" event=""  class="layui-btn layui-btn-normal" style="border-radius: 5px">确认收货</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="order-item">
        <div class="order-item-title">
            <span  class="order-item-title-time">2019-04-15</span>
            <span  class="order-item-title-orderid">订单号：408308160029237160</span>
            <span class="order-item-title-catetroy">数码产品</span>
        </div>
        <div class="order-item-content">
            <table class="ordertable">
                <tr>
                    <td class="productdata">
                        <a href="/Member/Home/PayProduct?id=">
                            <img src="images/product.jpg" alt="Alternate Text" />
                        </a>
                        <span>【来电价】24英寸超薄曲面显示器高清电竞吃鸡游戏液晶台式电脑屏幕曲屏</span>
                        <span class="ordertable-tpye">颜色分类：银白色套餐类型：官方标配</span>
                    </td>
                    <td class="order-table-price">
                        <span class="originalTotal">￥1999.00</span>
                        <span class="realTotal">￥1549.00</span>
                    </td>
                    <td class="order-table-num">1</td>
                    <td ><a orderid="" onclick="showTK(this)">退款/退货</a><br />投诉</td>
                    <td class="order-table-total">
                        <span class="tb-sp-total">￥1549.00</span><br />
                        <span class="tb-sp-yf">(含运费：￥0.00)</span>
                    </td>
                    <td>
                        交易成功
                        <br>订单详情
                    </td>
                    <td><a id="btnaction" productid="58757"   orderid="订单号：408308160029237160" onclick="checkMode(this)" event=""  class="layui-btn layui-btn-normal" style="border-radius: 5px">确认收货</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="order-item">
        <div class="order-item-title">
            <span  class="order-item-title-time">2019-04-15</span>
            <span  class="order-item-title-orderid">订单号：408308160029237160</span>
            <span class="order-item-title-catetroy">数码产品</span>
        </div>
        <div class="order-item-content">
            <table class="ordertable">
                <tr>
                    <td class="productdata">
                        <a href="/Member/Home/PayProduct?id=">
                            <img src="images/product.jpg" alt="Alternate Text" />
                        </a>
                        <span>【来电价】24英寸超薄曲面显示器高清电竞吃鸡游戏液晶台式电脑屏幕曲屏</span>
                        <span class="ordertable-tpye">颜色分类：银白色套餐类型：官方标配</span>
                    </td>
                    <td class="order-table-price">
                        <span class="originalTotal">￥1999.00</span>
                        <span class="realTotal">￥1549.00</span>
                    </td>
                    <td class="order-table-num">1</td>
                    <td ><a orderid="" onclick="showTK(this)">退款/退货</a><br />投诉</td>
                    <td class="order-table-total">
                        <span class="tb-sp-total">￥1549.00</span><br />
                        <span class="tb-sp-yf">(含运费：￥0.00)</span>
                    </td>
                    <td>
                        交易成功
                        <br>订单详情
                    </td>
                    <td><a id="btnaction" productid="58757"   orderid="订单号：408308160029237160" onclick="checkMode(this)" event=""  class="layui-btn layui-btn-normal" style="border-radius: 5px">确认收货</a></td>
                </tr>
            </table>
        </div>
    </div>
    <div class="order-item">
        <div class="order-item-title">
            <span  class="order-item-title-time">2019-04-15</span>
            <span  class="order-item-title-orderid">订单号：408308160029237160</span>
            <span class="order-item-title-catetroy">数码产品</span>
        </div>
        <div class="order-item-content">
            <table class="ordertable">
                <tr>
                    <td class="productdata">
                        <a href="/Member/Home/PayProduct?id=">
                            <img src="images/product.jpg" alt="Alternate Text" />
                        </a>
                        <span>【来电价】24英寸超薄曲面显示器高清电竞吃鸡游戏液晶台式电脑屏幕曲屏</span>
                        <span class="ordertable-tpye">颜色分类：银白色套餐类型：官方标配</span>
                    </td>
                    <td class="order-table-price">
                        <span class="originalTotal">￥1999.00</span>
                        <span class="realTotal">￥1549.00</span>
                    </td>
                    <td class="order-table-num">1</td>
                    <td ><a orderid="" onclick="showTK(this)">退款/退货</a><br />投诉</td>
                    <td class="order-table-total">
                        <span class="tb-sp-total">￥1549.00</span><br />
                        <span class="tb-sp-yf">(含运费：￥0.00)</span>
                    </td>
                    <td>
                        交易成功
                        <br>订单详情
                    </td>
                    <td><a id="btnaction" productid="58757"   orderid="订单号：408308160029237160" onclick="checkMode(this)" event=""  class="layui-btn layui-btn-normal" style="border-radius: 5px">确认收货</a></td>
                </tr>
            </table>
        </div>
    </div>


    <div id="pageLimit"></div>
</div>
<script type="text/javascript">
    layui.use('laypage', function(){
      var laypage = layui.laypage;

      laypage.render({
        elem: 'pageLimit'
    ,count: 500 //数据总数，从服务端得到
    ,limit:15
    ,limits:[10, 20, 30, 40, 50]
    ,groups:5
    ,jump: function(obj, first){
    //obj包含了当前分页的所有参数，比如：
    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
    console.log(obj.limit); //得到每页显示的条数
    
    
}
});
  });

layui.use('laydate', function(){
  var laydate = layui.laydate;

  laydate.render({
    elem: '#startTimes'
  });
  laydate.render({
    elem: '#endTimes'
  });
});
</script>